<template>
	<div class="redpage">
		<router-link to="/login">
			<img src="../../../../public/iconimg/17.png">
			<span>新用户注册领388元大礼包</span>
			<em>立即领取<i>></i></em>
		</router-link>
	</div>
</template>

<script>
	export default{
		name:'Redpage'
	}
</script>

<style scoped>
	a{
		text-decoration: none;
		color: black;
	}
	i{
		font-weight: bold;
	}
	.redpage{
		position: fixed;
		z-index: 99999;
		bottom: 1.4rem;
		background-color: rgba(0,0,0,0.75);
		width: 95%;
		border-radius: 0.3rem 0.3rem 0 0;
		margin-left: 2.5%;
		height: 1.3rem;
	}
	.redpage img{
		width: 1rem;
		position: absolute;
		top: .2rem;
		left: .2rem;
	}
	.redpage span{
		color: white;
		position: absolute;
		line-height: 1.3rem;
		left: 1.4rem;
		font-size: .4rem;
	}
	.redpage em{
		background-image: linear-gradient(to right,#ffd600,#ffc100);
		position: absolute;
		left: 6.8rem;
		width: 2.5rem;
		font-size: .4rem;
		top: .3rem;
		height: .8rem;
		text-align: center;
		border-radius: .4rem;
		line-height: .8rem;
	}
</style>
